<div id="database" class="container" style="width:550px;">

  <ul class="nav nav-tabs">
    <li role="presentation" class="active">
      <a id="database-tab0" href="javascript:void(0)" ng-click="changeTab(0)">平台</a>
    </li>
  </ul>


  <div class="tab-content" id="database-tabs-content" style="margin-top: 18px;">
    <!--平台-->
    <div id="database-tab0-content" role="tabpanel" class="tab-pane active">

      <ul class="list-group">
        <li class="list-group-item form-horizontal" style="padding: 15px 15px 0;">

          <div class="form-group">
            <label class="col-md-3 control-label">数据库IP地址</label>
            <div class="col-md-9">
              <input readonly type="text" class="form-control" placeholder="数据库IP地址" ng-model="bean.ip">
            </div>
          </div>
          <div class="form-group">
            <label class="col-md-3 control-label">数据库实例</label>
            <div class="col-md-9">
              <input readonly type="text" class="form-control" placeholder="数据库实例" ng-model="bean.sid">
            </div>
          </div>
          <div class="form-group">
            <label class="col-md-3 control-label">端口</label>
            <div class="col-md-9">
              <input readonly type="text" class="form-control" placeholder="端口" ng-model="bean.port">
            </div>
          </div>
          <div class="form-group">
            <label class="col-md-3 control-label">用户名</label>
            <div class="col-md-9">
              <input readonly type="text" class="form-control" placeholder="用户名" value="hscon">
            </div>
          </div>
        </li>
      </ul>
      
    </div>
  </div>
</div>
<!--上/下一步-->
<a href="#!" class="step-btn left" data-toggle="tooltip" data-placement="right" title="返回">
  <i class="iconfont icon-back"></i>
</a>
<a ng-click="dbConfig(bean)" class="step-btn right" ng-class="loadingNext?'loading':''" data-toggle="tooltip"
   data-placement="left" title="下一步">
  <i class="iconfont icon-right text-primary"></i>
</a>